<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>车险投保</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp" %>
    <script src="/static/js/system/guaranteebill.js"></script>
</head>
<body>
<div class="easyui-accordion" fit="true">
    <div title="投保人">
        <form id="client_form" method="post" class="billform">
            <input type="hidden" name="id"/>
            客户姓名:<input class="easyui-textbox" style="width:200px" name="name">&nbsp;&nbsp;&nbsp;
            性别:<input name="gender" class="easyui-combobox"
                      data-options="valueField:'value',textField:'label',
                                                panelHeight:'auto', data:[{label:'女', value:'1'},{label:'男', value:'0'}]"
                      style="width:100px"/>&nbsp;&nbsp;&nbsp;
            身份证:<input class="easyui-textbox" style="width:300px" name="idCard">&nbsp;&nbsp;&nbsp;
            <br/>
            邮箱: <input class="easyui-textbox" style="width:300px" name="email">
            <br/>
            通讯地址: <input class="easyui-textbox" name="address" style="width:300px">
            <br/>
            <a id="client_btn" class="easyui-linkbutton" data-options="iconCls:'icon-search'">正式客户</a>
        </form>
    </div>

    <div title="车辆信息">
        <form id="car_form" method="post" class="billform">
            <input type="hidden" name="id"/>
            车主姓名:<input class="easyui-textbox" name="username" style="width:200px" name="username">&nbsp;&nbsp;&nbsp;

            汽车品牌:<input name="carname" class="easyui-combobox" data-options="url:'/dictionary/queryDictionaryDetail?id=1',valueField:'id',textField:'name',
                      panelHeight:'auto' ">&nbsp;&nbsp;&nbsp;

            汽车型号<input class="easyui-textbox" style="width:200px" name="cartype"><br/>

            车牌号码:<input class="easyui-textbox" style="width:200px" name="carnum">&nbsp;&nbsp;&nbsp;

            排气量:<input class="easyui-textbox" style="width:200px" name="displacement">&nbsp;&nbsp;&nbsp;

            汽车分类:<input name="sort" class="easyui-combobox"
                        data-options="valueField:'value',textField:'label', panelHeight:'auto',
                    data: [{
                    label: '载人',
                    value: '1'
                },{
                    label: '载物',
                    value: '0'
                }]"/>
            <br/>

            购置日期:<input class="easyui-datebox" style="width:200px" name="purchasedate">&nbsp;&nbsp;&nbsp;

            市场估价:<input class="easyui-textbox" style="width:200px" name="marketval">&nbsp;&nbsp;&nbsp;

            车载大小:<input class="easyui-combobox"
                        data-options="valueField:'id',textField:'name',url:'/dictionary/queryDictionaryDetail?id=2',
										panelHeight:'auto'" name="carsizeId"/><br/>
            <a id="car_btn" class="easyui-linkbutton" data-options="iconCls:'icon-search'">常见车型选择</a>
        </form>
    </div>

    <div title="保险产品">

        <form id="pro_form" method="post" class="billform">
            <input type="hidden" name="id"/>
        承保机构:<input name="agencyId" class="easyui-combobox" id="agency"
                    data-options="valueField:'id',textField:'name',url:'/agencyInfo/queryAllAgencyInfo',
										panelHeight:'auto'"/>
        <a id="product_btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="queryProduct()">添加产品</a>
        保险时长: <input name="limitYear" id="limitYear" class="easyui-textbox" style="width:50px">年

        <table id="product_datagrid"></table>

        <div id="pro_toolbar">
            <a class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="sa">删除</a>
        </div>


            <table align="center">
                <tbody>
                <tr>
                    <th>
                        总计<span id="totalAmount" style="color: red;font-size: 60px">0</span>元
                    </th>
                </tr>
                </tbody>
            </table>
            <table align="center">
                <tbody>
                <tr>
                    <th>
                        <a class="easyui-linkbutton" id="submitBtn" style="background-color: red;color: white"
                           data-options="width:300" text="暂存保单"></a>
                    </th>
                </tr>
                </tbody>
            </table>

        </form>
    </div>
</div>

<%--客户选择子窗口--%>
<div id="client_dialog">
    <div id="client_datagrid"></div>
    <a class="easyui-linkbutton" id="sure" data-options="iconCls:'icon-save',plain:true">确定</a>
</div>
<%--汽车选择子窗口--%>
<div id="car_dialog">
    <div id="car_datagrid"></div>
    <a class="easyui-linkbutton" id="sure_car" data-options="iconCls:'icon-save',plain:true">确定</a>
</div>
<%--保险产品对话框--%>
<div id="pro_dialog">
    <div id="pro_datagrid"></div>
    <a class="easyui-linkbutton" id="sure_pro" data-options="iconCls:'icon-save',plain:true">确定</a>
</div>

</body>
</html>